<template>
<p>设置<code>layout</code>，表示需要显示的内容，用逗号分隔，布局元素会依次显示。 分页元素如下： <code>prev</code> (上一页按钮), <code>next</code> (下一页按钮), <code>pager</code> (分页列表), <code>jumper</code> (跳转), <code>total</code> (总计), <code>sizes</code> (每页条数选择) 和 <code>-&gt;</code> (every element after this symbol will be pulled to the right).</p>
  <div class="example-pagination-block">
    <div class="example-demonstration">When you have few pages</div>
    <el-pagination layout="prev, pager, next" :total="50" />
  </div>
  <div class="example-pagination-block">
    <div class="example-demonstration">When you have more than 7 pages</div>
    <el-pagination layout="prev, pager, next" :total="1000" />
  </div>
</template>

<style scoped>
.example-pagination-block + .example-pagination-block {
  margin-top: 10px;
}
.example-pagination-block .example-demonstration {
  margin-bottom: 16px;
}
</style>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>